class lb2 {
    constructor() {
        let pagenum = 0;
        let rightBtn = document.querySelector('.rightBtn')
        let lis = document.querySelectorAll('.item li')
        let leftBtn = document.querySelector('.leftBtn')
        let box = document.querySelector('.box')
        let pagelis = document.querySelectorAll('.page li')
        // 右按钮点击事件
        rightBtn.onclick = function() {
            lis[pagenum].style.opacity = 0;
            animate(lis[pagenum],{opacity:0})
            if (pagenum ==4) {
                pagenum = 0
            }else{
                pagenum++
            }
            // lis[pagenum].style.opacity = 1
            animate(lis[pagenum],{opacity:1})
            right()
        }
        // 左按钮点击事件
        leftBtn.onclick = function() {
            // lis[pagenum].style.opacity = 0;
            animate(lis[pagenum], {
                opacity: 0
            })
            if (pagenum == 0) {
                pagenum = 4
            } else {
                pagenum--
            }
            // lis[pagenum].style.opacity = 1
            animate(lis[pagenum], {
                opacity: 1
            })
        }
        let timer = setInterval(() => {
            right()
        }, 2500)

        box.onmouseenter = function() {
            clearInterval(timer)
        }
        box.onmouseleave = function() {
            timer = setInterval(() => {
                right()
            }, 2500)
        }

        function right() {
            animate(lis[pagenum], {
                opacity: 0
            })
            if (pagenum == 4) {
                pagenum = 0
            } else {
                pagenum++
            }
            // lis[pagenum].style.opacity = 1
            animate(lis[pagenum], {
                opacity: 1
            })
        }

        // //小圆点的处理事件
        // for (let i = 0; i < pagelis.length; i++) {
        // 	pagelis[i].onclick = function() {
        // 		animate(lis[pagenum], {
        // 			opacity: 0
        // 		})
        // 		pagenum = i
        // 		animate(lis[pagenum], {
        // 			opacity: 1
        // 		})
        // 		for (let j = 0; j < pagelis.length; j++) {
        // 			pagelis[j].style.backgroundColor = '#FF0000'
        // 		}
        // 		pagelis[i].style.backgroundColor = 'white'
        // 	}
        // }
    }
}
let t = new lb2()